<template>
  <footer>
    <h3>
      注意:
      <i class="el-icon-warning-outline"></i>
      <span class>此便签页未保存到数据库,数据仅储存在本地</span>
    </h3>
    <a @click="checkAll" title="删除全部已完成">仿Todolist,查看更多可以自行搜索 clear</a>
    <router-link to="/" class="replace" title="去首页">&emsp;返回首页</router-link>
  </footer>
</template>

<script>
export default {
  props: ["checkAllTodo"],
  methods: {
    checkAll() {
      this.checkAllTodo();
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
footer {
  color: #666;
  font-size: 14px;
  text-align: center;
}
footer a {
  color: #666;
  text-decoration: none;
  color: #999;
}
h3 {
  font-size: 12px;
  color: #ff3333;
}
.replace {
  color: #008c8c;
}
</style>
